// src/views/{{kebabCase name}}/index.vue
<template>
  <div class="page-{{kebabCase name}}">
    <h1>{{properCase name}} Page</h1>
  </div>
</template>

<script setup lang="ts">
// Page logic
</script>

<style scoped lang="scss">
.page-{{kebabCase name}} {
  padding: 20px;
}
</style>